<template>
  <el-container>
    <el-header>
      <payHeader :propslist="listchildren" />
    </el-header>
    <el-main>{{ listchildren }}</el-main>
  </el-container>
</template>

<script>
import link from "@/api/link";
import apiUrl from "@/api/url";
import { ref, onMounted, reactive, computed, nextTick } from "vue";
import payHeader from "@/components/pay-header.vue";
export default {
  setup() {
    let input = ref("");

    let listchildren = reactive({ list: [123] });
    onMounted(() => {
      link(apiUrl.paylist).then((resolve) => {
        // console.log('data--', resolve.data);
        listchildren.list = resolve.data;
        // console.log(listchildren, "2222");
      });
    });
    return {
      input,
      listchildren,
    };
  },
};
</script>

<style scoped lang="scss"></style>
